<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<script type="text/javascript" src="js/tablesorter/jquery.tablesorter.js"></script>
	<script type="text/javascript" src="js/tablesorter/jquery.tablesorter.pager.js"></script>
	<script type="text/javascript" src="js/jquery.form.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.effect.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.effect-clip.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.tabs.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.position.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.tooltip.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.datepicker.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.progressbar.js"></script>
	<script type="text/javascript" src="js/jefra.validate.js"></script >
	<script type="text/javascript" src="js/jefra.message.js"></script >
	<script type="text/javascript" src="js/jefra.util.js"></script >
	<script type="text/javascript" src="js/jsp/Entrada.js"></script>
<title>Insert title here</title>
</head>
<body>
	<h1>Entradas</h1>
	<div id="divBuscar">
		<table>
				<tr>
					<td>Criterio</td>
					<td colspan="2">Texto</td>
				</tr>
				
				<tr>
					<td>
						<select id="sltCriterio">
						<option value="TIE.TIENOMBRE_V">TIENDA</option>						
						</select>
					</td>
					<td><input type="text" id="txtTexto" /></td>
					<td><input type="button" id="btnBuscar" value="Buscar"/></td>
				</tr>
				<tr>
					<td colspan="3" align="center">Estado:
						<input type="radio" name="rdEstado" value="A" checked="checked"/>Activos
						<input type="radio" name="rdEstado" value="I"/>Inactivos
						<input type="radio" name="rdEstado" value=""/>Todos
					</td>
				</tr>
		</table>
	</div>
	
	<div id="divLista">
		<table align="center" class="tablesorter" id="tblLista"></table>
	</div>
	
	<div id="pager" class="pager">
		<form>
			<img src="js/tablesorter/addons/pager/icons/first.png" class="first">
			<img src="js/tablesorter/addons/pager/icons/prev.png" class="prev">
			<input type="text" class="pagedisplay">
			<img src="js/tablesorter/addons/pager/icons/next.png" class="next">
			<select class="pagesize">
				<option selected="selected" value="10">10</option>
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="40">40</option>
			</select>
			<img src="js/tablesorter/addons/pager/icons/last.png" class="last">
		</form>
	</div>
	
	<h4 align="center">
		<img id="btnNuevo" alt="Nuevo" src="images/new.png"/>
	</h4>
	
	<div id="divFormulario">
		<fieldset>
			<legend>Entrada de Productos</legend>
			<table>
				<tr>
					<td>Tienda</td>
					<td colspan="8">
						<select id="sltTienda">
							<option value="">-Seleccione-</option>
							<c:forEach items="${tiendas}" var="tienda">
								<option value="${tienda.tiecodigoI}">
									<c:out value="${tienda.tienombreV}"/>
								</option>
							</c:forEach>
						</select>
					</td>
				</tr>
				<tr>
					<td>Codigo</td>
					<td><input type="text" id="txtCodBarra" /></td>
					<td>Producto</td>
					<td><select id="sltProducto">
							<option value="">-Seleccione-</option>
							<c:forEach items="${productos}" var="producto">
								<option value="${producto.procodigoI}">
									<c:out value="${producto.pronombreV}"/>
								</option>
							</c:forEach>
						</select>
					</td>
					<td>Cantidad</td>
					<td><input type="text" id="txtCantidad" /></td>
					<td>Tipo</td>
					<td>
						<select id="sltTipo">
							<option value="I">Interno</option>
							<option value="E">Externo</option>
						</select>
					</td>
					<td><input type="button" id="btnAgregar" value="Agregar"/></td>
				</tr>
			</table>
		</fieldset>
		<fieldset>
			<legend>Productos Ingresados</legend>
			<table align="center" id="tblListaProductos"></table>
			<center><input type ="button" id="btnSave" value="Grabar"></center>
		</fieldset>		
	</div>
	
	<div id="ProductsByStoreDiv">
	<div id="divProductsList">
		<table align="center" class="tablesorter" id="tblProductsList"></table>
	</div>
	<div id="ProductPager" class="ProductPager">
		<form>
			<img src="js/tablesorter/addons/pager/icons/first.png" class="first">
			<img src="js/tablesorter/addons/pager/icons/prev.png" class="prev">
			<input type="text" class="pagedisplay">
			<img src="js/tablesorter/addons/pager/icons/next.png" class="next">
			<select class="pagesize">
				<option selected="selected" value="10">10</option>
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="40">40</option>
			</select>
			<img src="js/tablesorter/addons/pager/icons/last.png" class="last">
		</form>
	</div>
	</div>
</body>
</html>